import React, { Component } from "react";
import Right_Title from "../title/Right_Title";
import WaterAndElectricity from "../BarChart/WaterAndElectricity";
export class Right_top extends Component {
  constructor(props: any) {
    super(props);
    this.state = {
      message: {
        title: "水电用量",
      },
    };
  }
  render() {
    const { message } = this.state;
    return (
      <div className="right_top">
        <div className="Right_title">
          <Right_Title message={message}></Right_Title>
          <div className="gap"></div>
          <div className="weather_content">
            <div className="weather_content_left">
              <i className="iconfont icon-shidu"></i>
              <div>总用电量72670</div>
            </div>
            <div className="weather_content_right">
              <i className="iconfont icon-dianchi"></i>
              <div>总用电量72670</div>
            </div>
          </div>
          <div className="Right_top_donw">
              <WaterAndElectricity></WaterAndElectricity>
          </div>
        </div>
      </div>
    );
  }
}

export default Right_top;
